import React from 'react'
import {Form,Input,Button} from "antd";
import { LockOutlined, UserOutlined } from '@ant-design/icons';

import styles from "./index.module.less";
  function Login() {
    
      return (
          <div className={styles.login}>
              <div>
                  <h1>尚医通管理系统</h1>
                  <Form
                      name="normal_login"
                      className="login-form"
                      onFinish={(values:any)=>{
                          console.log("onFinish",values);
                      }}
                  >
                      <Form.Item
                          name="username"
                          rules={[{ required: true, message: 'Please input your Username!' }]}
                      >
                          <Input prefix={<UserOutlined className="site-form-item-icon" />} placeholder="Username" />
                      </Form.Item>
                      <Form.Item
                          name="password"
                          rules={[{ required: true, message: 'Please input your Password!' }]}
                      >
                          <Input
                              prefix={<LockOutlined className="site-form-item-icon" />}
                              type="password"
                              placeholder="Password"
                          />
                      </Form.Item>
  
                      <Form.Item>
                          <Button type="primary" htmlType="submit" className="login-form-button">
                              登陆
                          </Button>
                      </Form.Item>
                  </Form>
              </div>
          </div>
      );
  }
  
  export default Login;


